<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>知识产权与科技成果转化平台</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        .login-enter {
            margin: 0 auto;
            width: 1000px;
            background: #ffffff;
            height: 150px;
            position: relative;
            top: -70px;
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
        }

        .login-enter div.item {
            border-radius: 50%;
            width: 120px;
            height: 120px;
            border: 2px solid #4e7cf0;
            margin: 0 auto;
        }

        .login-enter div.item a {
            text-decoration: none;
            color: #000000;
            display: block;
            width: 100%;
            height: 100%;
        }

        .login-enter div.item img {
            padding-top: 10px;
        }

    </style>
</head>
<body>
<div style="position: relative;text-align: center;">
    <img src="{{setting_image_url('index_nav','/images/index-header.jpg')}}" width="100%" style="border-bottom: 1px solid #ccc"/>
    <div class="login-enter">
        <div style="position: relative;height: 160px;padding: 30px">
            <table style="width: 80%;margin: 0 auto">
                <tr>
                    @foreach($sites as $vo)
                        <td>
                            <div class="item">
                                <a target="_blank" href="{{$vo['href']}}">
                                    <img src="{{$vo['img']}}">
                                    <div style="margin-top: 10px"><span>{{$vo['name']}}</span></div>
                                </a>
                            </div>
                        </td>
                    @endforeach
                </tr>
            </table>
        </div>
    </div>
</div>
<div style="position: relative;height: 0">
    <div
        style="position: absolute;height: 150px;right: 5px;padding: 10px;top: -100px;border: 1px solid #00a7d0;border-radius: 10%;background: #5a5a85;">
        <p style="margin-top: 10px">
            <a style="color: #ffffff" target="_blank" href="/images/handbook/职工端操作手册.pdf">职工操作手册</a>
        </p>
        <p style="margin-top: 10px">
            <a style="color: #ffffff" target="_blank" href="/images/handbook/科室端操作手册.pdf">科室端操作手册</a>
        </p>
        <p style="margin-top: 10px">
            <a style="color: #ffffff" target="_blank" href="/images/handbook/管理端操作手册.pdf">管理端操作手册</a>
        </p>
    </div>
</div>
<div style="clear: both"></div>
<div style="width: 1000px;margin: 0 auto;position: relative;">
    <div>
        <h1 style="text-align: center">{{$article['title']??'知识产权与科技成果转化平台'}}</h1>
        <div style="margin: 20px 0 50px">
            {!! $article['content']??'' !!}
        </div>
    </div>
</div>
</body>
</html>
